<template>
  <div style="background:white;height:100%;padding:20px">
    <a-collapse v-model="activeKey">
      <a-collapse-panel key="1" header="能提前还款吗">
        <p>{{ text }}</p>
      </a-collapse-panel>
      <a-collapse-panel key="2" header="没有及时还款会怎样">
        <p>{{ text }}</p>
      </a-collapse-panel>
      <a-collapse-panel key="3" header="我怎样进行还款">
        <p>{{ text }}</p>
      </a-collapse-panel>
    </a-collapse>
  </div>
</template>
<script>
export default {
  data() {
    return {
      text: `答：支持提前还款，请您登录APP，进入“个人中心-我的还款”进行还款。感谢您对的关注。?.`,
      text1: `答：若您发生逾期，从逾期首日起会按照合同收取当期应还款项1%的滞纳金。同时，您的逾期记录将记入个人征信，影响您日后的个人信用记录。请您及时按期还款，感谢您对的关注。`,
      text2: `答：会在每月10号13点自动从您绑定的银行卡中扣除应还金额，请您保证银行卡内余额充足、避免出现银行卡余额不足的情况。您也可以在每月的还款日前，登录APP，进入“个人中心-我的还款”，主动进行还款。 若出现还款异常的情况，请您联系信贷专员。感谢您的关注。`,
      activeKey: ['1'],
    }
  },
  watch: {
    activeKey(key) {
      console.log(key)
    },
  },
}
</script>
